<button id="sidebar-toggler" (click)="toggle()">&#9776;</button>
<nav id="sidebar">
  <ul>
    <li [routerLinkActive]="['active']">
      <a routerLink="/dashboard">
          <span class="fa fa-fw fa-dashboard"></span> Dashboard
      </a>
    </li>
    <li [routerLinkActive]="['active']">
      <a routerLink="/publications">
          <span class="fa fa-user"></span> Publications
      </a>
    </li>
    <li [routerLinkActive]="['active']">
      <a routerLink="/users">
          <span class="fa fa-user"></span> Users
      </a>
    </li>
    <li [routerLinkActive]="['active']">
      <a routerLink="/purchases">
          <span class="fa fa-user"></span> Purchases
      </a>
    </li>
    <li [routerLinkActive]="['active']">
      <a routerLink="/licenses">
          <span class="fa fa-user"></span> Licences
      </a>
    </li>
  </ul>
</nav>
